/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.banner {
  display: flex;
  align-items: center;
  gap: var(--halfpad);
  font-size: 90%;
  margin: var(--halfpad) var(--halfpad);
  padding: var(--halfpad) var(--pad);
  border-radius: var(--pad);

  color: var(--banner-fg);
  background-color: var(--banner-default-bg);
}

.banner-content {
  display: flex;
  align-items: center;
  gap: var(--halfpad);
  flex-grow: 1;
}

.banner > .banner-buttons {
  opacity: 0%;
  transition: opacity 0.2s;
  display: flex;
}
.banner > .banner-buttons-visible,
.banner:hover > .banner-buttons {
  opacity: 100%;
}

.banner-warning {
  background-color: var(--banner-warning-bg);
}
.banner-green {
  background-color: var(--banner-green-bg);
}
.banner-error {
  background-color: var(--banner-error-bg);
}
